.index
  background-color: #eeecec
  position: absolute
  top: 0px
  bottom: 0px
  left: 0px
  right: 0px
  display: flex
  flex-direction: column
  .search
    display: flex
    margin-bottom: 20px
    padding: 0 20px
    .searchFont
      height: 60px
      line-height: 60px
      background-color: #b9ab9d
      border-radius: 30px
      font-size: 27px
      padding: 0 30px
      color: #e6e5e5
      flex: 1
      margin-right: 12px
    .searchBtn
      height: 60px
      line-height: 60px
      text-align: center
      padding: 0px
      margin: 0px
      background-color: #99714b
      width: 140px
      border-radius: 30px
      font-size: 27px
      color: #e6e5e5
  .groupBox
    border-radius: 30px 30px 0 0
    background-color: #fff
    padding: 10px 20px
    flex: 1
    overflow: hidden
    display: flex
    flex-direction: column
    .title
      color: #99714b
      margin: 10px 0 10px 0
      font-size: 32px
      font-weight: bold
    .category
      width: 100%
      overflow-x: scroll
      flex-wrap: nowrap
      display: flex
      flex-direction: row
      margin-bottom: 10px
      .category_item
        background-color: #ab8f74
        white-space: nowrap
        display: flex
        align-items: center
        color: #fff
        justify-content: center
        border-radius: 8px
        height: 45px
        font-size: 29px
        margin-right: 12px
        padding: 0 20px
        &.active
          zoom: 1.2
          font-weight: bold
          background-color: #868565
    .groupList
      flex: 1
      overflow-y: scroll
    .noData
      text-align: center
      font-size: 22px
      margin-bottom: 12px
      color: #ccc
  .tagList
    display: flex
    margin: 12px 0
    .tagItem
      padding: 0px 12px
      height: 40px
      line-height: 40px
      font-size: 27px
      background-color: #C45034
      color: #fff
      border-radius: 7px
      margin-right: 12px
  .blockList
    display: grid
    grid-template-columns: repeat(auto-fill, 130px)
    justify-content: space-between
    image
      border-radius: 6px
      width: 120px
      height: 120px
  .group_title
    display: flex
    justify-content: space-between
    align-items: center
    height: 70px
    .title_font
      display: flex
      align-items: center
      font-size: 29px
      color: #000
      font-weight: bold
    .title_link
      font-size: 24px
      color: #959292
    .icon
      width: 60px
      height: 60px
